@charset "utf-8";

/*---------------------------------------- 媒体查询 ----------------------------------------*/
@media (max-width:780px) {
	html{ font-size: 31.6875px;}			
}
@media (min-width:375px) and (max-width:414px) {
	html{ font-size: 16.8187px;}		
}
@media (min-width:360px) and (max-width:375px) {
	html{ font-size: 15.2344px;}		
}
@media (min-width:320px) and (max-width:360px) {
	html{ font-size: 14.625px;}		
}
@media (max-width:320px) {
	html{ font-size: 13px;}	
}
/*---------------------------------------- /媒体查询 ----------------------------------------*/


/*初始化*/
.zhicwl-iconfont {
  font-size: inherit; 
	color: inherit;
	line-height: 1;
  font-style: normal; 
	vertical-align: middle; 
	display: inline-block;
}

* { 
	-webkit-user-select: none; /*禁止用户进行复制、选择*/
	box-sizing:border-box; /*设置后元素的边框和内边距将不计算在宽度内*/
} 
input{ -webkit-user-select: text !important;}
body { 
	line-height: 1; /*行高默认1倍*/
}

/*让字体风格、大小、颜色继承其父元素并清空h1-h6的默认边距*/
h1, h2, h3, h4, h5, h6 {
	font-family: inherit; 
	font-weight: 400;
	color: inherit; 
	margin-top: 0; 
	margin-bottom: 0; 
}
.h1, h1 { font-size: 36px;}
.h2, h2 { font-size: 30px;}
.h3, h3 { font-size: 24px;}
.h4, h4 { font-size: 18px;}
.h5, h5 { font-size: 14px;}
.h6, h6 { font-size: 12px;}


/*移除默认下划线并且背景颜色设置为透明*/
a, a:visited {
	text-decoration: none;
	background-color: transparent;
}

/*移除点击后出现的灰色背景*/
a, input, button, textarea, select, .avkdot, li, img, p, div { -webkit-tap-highlight-color:rgba(0,0,0,0); }

/*移除输入框自动填充后出现的默认黄色背景*/
input:-webkit-autofill { 
	-webkit-box-shadow: 0 0 0px 1000px white inset !important; 
} 

/*移除当元素被点击后或获取到焦点时候出现的焦点虚线-轮廓线*/
input, textarea, select, button, a { outline: 0;}

/*禁止手动调整编辑框调整的尺寸*/				                        
textarea { resize: none;}

/*禁止改变元素中字母的大小写*/
button, select { text-transform: none;}

/*移除type="number"的上下箭头（type="number"，规定只能输入阿拉伯数字）*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

/*隐藏滚动条*/
::-webkit-scrollbar{ 
	width: 0; 
	height: 0;
}

a, img { border: none;} /*移除默认的边框*/

input, fieldset { 
	padding-top: 0; 
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
button { margin: 0;}
a, a:visited, a:hover, a:focus, a:active, samp, input, button, textarea, select, tt, code, kbd { color: inherit;} 
input{ line-height: normal;}
dl, dd, input, select { margin: 0;}
ul {
	margin-top: 0; 
	margin-bottom: 0; 
	padding-left: 0; 
	padding-right: 0;
	list-style-type: none; 
}
p, figure { margin: 0;}
samp, input, button, textarea, select, tt, code, kbd {
	font-family: inherit; 
	font-size: inherit;
	color: inherit; 
}
/*/初始化*/




/*通用样式*/

/*字体风格*/
body { font-family: 'Helvetica Neue', Helvetica, 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;} 
body {
	min-width: 320px; /*设置页面最小宽度为320像素*/
	margin: 0 auto;
}


/*背景颜色*/
@media (min-width: 780px) {
	html { background-color: #B1B1B1;}
}
body { 
	background-color: #FFF;
	font-size: 15px;
}


/*字体大小*/
.fontsize-0{ font-size: 0px;}
.fontsize-12{ font-size: 12px;}
.fontsize-13{ font-size: 13px;}
.fontsize-14{ font-size: 14px;}
.fontsize-15{ font-size: 15px;}
.fontsize-16{ font-size: 16px;}
.fontsize-17{ font-size: 17px;}
.fontsize-18{ font-size: 18px;}
.fontsize-19{ font-size: 19px;}
.fontsize-20{ font-size: 20px;}
.fontsize-21{ font-size: 21px;}
.fontsize-22{ font-size: 22px;}
.fontsize-23{ font-size: 23px;}
.fontsize-24{ font-size: 24px;}
.fontsize-25{ font-size: 25px;}
.fontsize-26{ font-size: 26px;}
.fontsize-27{ font-size: 27px;}
.fontsize-28{ font-size: 28px;}
.fontsize-29{ font-size: 29px;}
.fontsize-30{ font-size: 30px;}


/*设置浮动*/
.float-left { float: left;} /*设置元素向左浮动*/
.float-right { float: right;} /*设置元素向右浮动*/


/*清除浮动*/
.clear-left { clear: left;} /*左侧不允许浮动元素*/
.clear-right { clear: right;} /*右侧不允许浮动元素*/
.clear-both { clear: both;} /*左右两侧均不允许浮动元素*/


/*其他*/
.overflow-hidden { overflow: hidden;} /*自动截取超出后的内容或区域*/
.visibility-hidden { visibility: hidden;} /*设置元素为不可见，但还是会占据原有位置*/
.visibility-visible { visibility: visible;} /*设置元素为可见*/
.display-block { display: block;} /*设置元素为块级并显示*/
.display-none { display: none;} /*设置元素为隐藏*/
.display-inline { display: inline;} /*设置元素为内联*/
.display-inline-block { display: inline-block;} /*设置元素为内联块级，元素会尽可能缩减占用空间*/
.text-align-center { text-align: center;} /*文本居中*/
.text-align-left { text-align: left;} /*文本左对齐*/
.text-align-right { text-align: right;} /*文本右对齐*/
.font-weight-normal { font-weight: normal;} /*字体不加粗*/
.font-weight-bold { font-weight: bold;} /*字体加粗*/
.cursor-pointer { cursor: pointer} /*当鼠标经过元素的时候出现手指形状*/

/*/通用样式*/





/*swiper框架部分代码*/
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}
.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
/*/swiper框架部分代码*/



